<template>
    <view class="goods-item">
        <img :src="'http://images.zmzpl.com/'+goods.img" class="img" alt="">
        <view class="name">
            {{goods.name}}
        </view>
        <view class="info">
            {{goods.info}}
        </view>
        <view class="prices">
            <text class="price">￥{{goods.nowPrice}}</text>
            <text class="sale">￥{{goods.oldPrice}}</text>
        </view>
    </view>
</template>

<script>
    export default {
        props:{
            goods:Object
        },
        data(){
            return {

            }
        },
        computed:{
           
        }
    }
</script>

<style scoped lang="stylus">
    .goods-item
        background-color white
        width 330rpx
        padding 10px
        .img
            width 330rpx
            height 330rpx
            border-radius 10rpx
        .name
            text-overflow ellipsis
            white-space nowrap
            overflow hidden
            margin 20rpx 0 0px
            font-size:32rpx;
            font-weight:400;
            color:rgba(111,111,111,1);
            line-height 32rpx
        .info
            text-overflow ellipsis
            white-space nowrap
            overflow hidden
            font-size:20rpx;
            font-weight:300;
            color:rgba(161,161,161,1);
            margin 16rpx 0
        .prices
            font-size 0
            .price
                font-size:32rpx;
                font-weight:400;
                color:rgba(241,101,46,1);
                line-height:32rpx;
            .sale
                text-decoration line-through
                margin-left 10rpx
                font-size:20rpx;
                font-weight:300;
                color:rgba(161,161,161,1);
                line-height:20rpx;



</style>